*{
  font-family: "Microsoft YaHei",Arial;
  padding: 0;
  margin: 0;
}
ul{
  list-style-type: none;
}
a{
  text-decoration: none;
  cursor: pointer;
}
img{
  border: none;
}
body{
  min-width: 1123px;
  background: rgb(240,240,240);
}
.min_w {
  width: 1126px;
  margin: 0 auto;
}
.header{

  .top{

    .logo{
      display: block;
      width: 506px;
      float: left;
      height: 70px;
      margin-top: 35px;
      margin-bottom: 35px;
      a{
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/logo.jpg");
      }
    }
    .search_area{
      float: right;
      margin-top: 30px;
      .links{
        height: 30px;text-align: right;
        a.school_index{
          font-size: 12px;
          color: rgb(119,119,119);
        }
      }
      form{
        width: 248px;
        height: 38px;
        border: 1px solid rgb(175,175,175);
        background: white;
        input{
          outline: none;
          -webkit-appearance: none;
          border-radius: 0;
          border: 0;
        }
        input:first-child{
          width: 200px;
          height: 38px;
          float: left;
          padding-left: 10px;
        }
        input:first-child+input{
          width: 38px;
          height: 38px;
          float: left;
          background: url("../images/search.jpg") no-repeat center;
          cursor: pointer;
        }
      }
    }
  }
  .nav{
    width: 100%;
    height: 50px;
    background: rgb(32,116,203);
    .nav_window{
      ul{
        padding-top: 16px;
        li{
          float: left;
          border-right: 1px solid rgb(64,143,225);
          a{
            span{
              font-size: 16px;
              color:white;
              padding: 0 50px;
            }
          }
        }
        li:first-child{
          border-left: 1px solid rgb(64,143,225);
        }
      }
    }
  }
}
.carousel{
  //background: url("../images/lb_02.jpg") no-repeat center;
  height: 280px;
  .swiper-container2{
    width: 100%;
    height: 280px;

    .swiper-button{
      width: 20px;
      height: 36px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      cursor: pointer;
    }
    .swiper-button-next2{
      left: 50%;
      margin-left: 524px;
      background: url("../images/top_right.png") no-repeat right center;
    }
    .swiper-button-prev2{
      right: 50%;
      margin-right: 524px;
      background: url("../images/top_left.png") no-repeat left center;
    }
    .pagination2{
      height: 12px;
      width: 100%;
      text-align: center;
      position:absolute;
      bottom: 12px;
      .swiper-pagination-switch{
        width: 12px;
        height: 12px;
        cursor: pointer;
        border-radius: 50%;
        background: rgb(210,210,210);
        display: inline-block;
        margin: 0 5px;
      }
      .swiper-active-switch{
        background: rgb(255,145,56);
      }
    }
  }
}
.main_content{
  padding-top: 6px;
  .content_area{
    padding-top: 26px;

    .area_title{
      position: relative;
      font-size: 18px;
      font-weight: bold;
      color: rgb(51,51,51);
      padding-left: 25px;
      padding-bottom: 16px;
      background: url("../images/blue_bg.jpg") no-repeat left 6px;
      border-bottom: 2px solid rgb(175,175,175);
      .more{
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        font-weight: lighter;
        color: rgb(16,88,139);
        cursor: pointer;
      }
    }
    .link_list{
      padding-bottom: 40px;
      padding-top: 25px;
      a{
        display: block;
        width: 200px;
        height: 80px;
        margin-left: 31px;
        float: left;
        background: url("../images/links_bg.jpg") no-repeat center;
        text-align: center;
        line-height: 80px;
        font-size: 16px;
        color: rgb(51,51,51);
      }
      a:first-child{
        margin-left: 0;
      }
    }
  }
  .area1{
    .nwes{
      padding: 20px 32px 10px 32px;
      float: left;
      width:676px;
      background: white;
      height: 276px;
      .news_title{
        border-bottom: 2px solid rgb(175,175,175);
        span{
          display: block;
          font-size: 18px;
          font-weight: bold;
          color: rgb(51,51,51);
          padding-bottom: 16px;
          width: 72px;
          border-bottom: 4px solid rgb(32,116,203);
          margin-bottom: -2px;
        }
      }
      .img_news{
        width: 290px;
        height: 210px;
        float: left;
        margin-top: 24px;
        .swiper-container4{
          height: 210px;

          .swiper-slide{
            position: relative;
            height: 186px !important;
            img{
              width: 100%;
              height: 100%;
            }
            .img_news_title{
              position: absolute;
              width: 290px;
              bottom: 0;
              left: 0;
              text-align: center;
              height: 40px;
              line-height: 40px;
              z-index: 99999;
              a{
                font-size: 14px;
                color: rgb(236,236,236);
              }
            }
            .title_bg{
              position: absolute;
              width: 290px;
              bottom: 0;
              left: 0;
              height: 40px;
              background: black;
              opacity: 0.6;
              filter:Alpha(opacity=60);
              z-index: 9999;
            }
          }
          .pagination4{
            height: 12px;
            text-align: center;
            position: absolute;
            bottom: 8px;
            width: 100%;
            .swiper-pagination-switch{
              width: 12px;
              height: 12px;
              display: inline-block;
              margin: 0 5px;
              border-radius: 50%;
              background: rgb(217,217,217);
              cursor: pointer;
            }
            .swiper-active-switch{
              background: rgb(255,145,56);
            }
          }
        }
      }
      .nwes_list{
        padding-left: 26px;
        float: left;
        width: 360px;
        ul{
          width: 100%;
          padding-top: 18px;
          li{
            height: 40px;
            a{
              float: left;
              line-height: 40px;
              font-size: 16px;
              color: rgb(41,41,41);
            }
            span{
              float: right;
              line-height: 40px;
              font-size: 12px;
              color: rgb(114,114,114);
            }
          }
        }
      }
    }
    .code{
      width: 354px;
      background: white;
      float: right;
      .code_title{
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        padding:24px 0;
        line-height: 18px;
      }
      .code_img{
        width: 142px;
        height: 142px;
        margin: 6px auto 20px auto;
        background: url("../images/code.jpg") no-repeat center;
      }
      .code_prompt{
        font-size: 16px;
        color: rgb(86,86,86);
        text-align: center;
        padding-bottom: 30px;
      }
    }
  }

  .inner_area{
    background: rgb(248,248,248);
    .leftSide{
      width: 254px;
      float: left;

      .leftSide_content{
        .first_column{
          height: 200px;
          line-height: 200px;
          text-align: center;
          background: url("../images/first_column.jpg") no-repeat center;
          span{
            font-size: 28px;
            color: white;
          }
        }
        .sub_nav_list{
          >div{
            padding: 30px 25px;
            >ul{
              border-left: 2px solid rgb(229,229,229);
              padding-bottom: 20px;
              padding-top: 20px;
              >li{
                padding-left: 32px;
                margin-left: -8px;
                margin-top: 32px;
                >a{
                  span{
                    font-size: 18px;
                    color: rgb(73,73,73);
                  }
                };
              }
              >li:first-child{
                margin-top: 0;
              }
              >li.selected{
                background: url("../images/selected_li_bg.png") no-repeat left 4px;
                >a{
                  span{
                    color: rgb(29,111,181);
                  }
                }
              }
            }
          }
        }
      }
    }
    .rightSide{
      width: 822px;
      min-height: 500px;
      float: left;
      background: white;
      padding: 25px;
      .breadcrumbs{
        text-align: right;
        padding-bottom: 20px;
        span{
          a{
            color: rgb(0,122,182);
            font-size: 14px;
          }
          span{
            color: rgb(137,137,137);
            font-size: 14px;
          }
        }
      }
      .column_name{
        padding-bottom: 24px;
        padding-left: 26px;
        background: url("../images/column_name.jpg") no-repeat left 11px;
        border-bottom: 2px solid rgb(187,202,216);
        span{
          font-size: 24px;
          color: rgb(51,51,51);     
        }
      }

      .news_list{
        div:first-child{
          ul{
            padding-top: 6px;
            li{
              height: 45px;
              line-height: 45px;
              border-bottom: 1px dashed rgb(229,229,229);
              padding-left: 15px;
              background: url("../images/inner_li_bg.png") no-repeat left center;
              a{
                float: left;
                font-size: 16px;
                color: rgb(51,51,51);
              }
              span{
                float: right;
                font-size: 16px;
                color: rgb(51,51,51);
              }
            }
          }
        }
      }
      .news_title{
        border-bottom: 2px solid rgb(187,202,216);
        >div{
          h1{
            font-size: 24px;
            color: rgb(51,51,51);
            padding-bottom: 12px;
            text-align: center;
          }
          .news_time{
            font-size: 14px;
            color: rgb(141,141,141);
            padding-bottom: 16px;
            text-align: center;
          }
        }
      }
      .news_detail{
        padding-top: 24px;
      }
      .news_img_list{
        ul{
          margin-left: -24px;
          li{
            width: 256px;
            border:1px solid rgb(208,208,208);
            float: left;
            background: rgb(242,242,242);
            margin-left: 24px;
            margin-top: 24px;
            height: 226px;
            a:first-child{
              display: block;
              width: 100%;
              height: 159px;
              img{
                width: 100%;
                height: 100%;
              }
            }
            a:first-child+a{
              display: block;
              padding-top: 10px;
              padding-left: 26px;
              background: url("../images/inner_li_bg.png") no-repeat 14px 16px;
              font-size: 16px;
              color: rgb(73,73,73);
              line-height: 22px;
            }
          }
        }
      }
      .works_img_list{
        ul{
          li{
            width: 50%;
            float: left;
            a{
              padding-left: 13px;
              background: url("../images/inner_li_bg.png") no-repeat left 5px;
              line-height: 20px;
              display: block;
              margin-top: 25px;
              width: 380px;
            }
          }
        }
      }
      .instrument_detail{
        hr{
          color: rgb(224,224,224);
          height: 1px;
          border: 0;
          background: rgb(224,224,224);
        }
      }
    }
  }
}
.instrument{
  overflow: hidden;
  .swiper-container3{
    //width: 100%;
    height: 280px;
    margin-top: 26px;
    margin-left: -31.333px;
    .swiper-wrapper{
      .swiper-slide{
        background: #d5d5d5;
        width: 258px !important;
        margin-left: 31.333px;
        img{
          width: 258px;
          height: 168px;
        }
        .info{
          height: 72px;
          width: 222px;
          padding: 18px;
          a{
            color: rgb(72,72,72);
            font-size: 16px;
            line-height: 30px;
            max-height: 51px;
            overflow: hidden;
          }
          span{
            color: rgb(72,72,72);
            font-size: 16px;
            line-height: 30px;
          }
        }
      }
    }
    .swiper-button{
      position: absolute;
      top: 34px;
      cursor: pointer;
      width: 24px;
      height: 100px;
    }
    .swiper-button-next{
      right: 0;
      background: url("../images/right.png") no-repeat center;
    }
    .swiper-button-prev{
      left: 31.333px;
      background: url("../images/left.png") no-repeat center;
    }
  }
}
.footer{
  height: 130px;
  background: rgb(45,105,167);
  div{
    font-size: 14px;
    color: white;
    text-align: center;
  }
  div:first-child{
    padding-top: 46px;
    padding-bottom: 12px;
  }
}
.inner_top_bg{
  background: url("../images/inner_top_bg.jpg") no-repeat center;
  height: 200px;
}
.clear_both{
  clear: both;
  float: none;
}